<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
<style>
  /* 字体样式
  font-family:  字体类型
  font-weight:  字体粗细
  color :  字体颜色
  font-size: 字体大小
  font : 字体风格(斜体)  字体粗细 字体大小 字体样式
         例如 font: oblique 100 16px 斜体
  */
  /*
  文本样式  = 颜色 + 对齐方式 +
  颜色： RGB 0-F   rgba(255,255,255,A) A:0-1（透明度）
  text-aling: center left right  居中 居左 居右
  text-indent:2em 首行缩进
  行高和块的高度一致，则可以剧中

   */
  /*body{*/
  /*  font-family: "Arial Black";*/
  /*  font-weight: bold;*/
  /*  color: rgba(0,22,56,0.9);*/
  /*  text-align: center;*/
  /*  height: 50px;*/
  /*  line-height: 50px;*/
  /*}
  */

  .11{
     text-decoration: #b3d4fc;
  }
  .22{
     text-after-overflow: inherit;
  }
</style>

</head>
<body>
<h1>
  故事
</h1>
<p class="11" >SS教程，快速上手CSS必备</p>

<p class="22">从基础到进阶，每一个小知识都带有小案例，学习不枯燥
  狂神说Java系列，努力打造通俗易懂的教程</p>
</body>
</html>
